<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title></title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="style.css" />
<link type="text/css" href="Templates/css/excite-bike/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<script type="text/javascript" src="Templates/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="Templates/js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="Templates/js/scripts.js"></script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:79px;
	top:485px;
	width:153px;
	height:34px;
	z-index:1;
}
-->
</style>
</head>
<body>
<div id="header">
  <div id="header-layer1">
    <div id="header-wrapper">
      <div class="logo align-left"> <img src="images/logo.png" alt="" class="logo-img" /> </div>
      <div class="menu-link align-left"> 
        <!--
					<div class="header-nav">
						<ul>
							<li>
								<a href="">Link 1</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
							<li>
								<a href="">Link 2</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
						</ul>
					</div>
					--> 
      </div>
      <div class="social align-right"> <a href="" class="login-btn">Login</a><span class="sperator">|</span> <a href="#" class="join-with-btn">Join with <img src="images/facebook.png" alt="" /></a> </div>
    </div>
  </div>
</div>
<div id="content">
  <div id="content-wrapper"> <!-- TemplateBeginEditable name="child-content" -->
    <div class="large">
      <form action="">
        <table>
          <thead>
            <tr>
              <td colspan="4" id="textarea">Parent Transaction History</td>
            </tr>
          </thead>
          <tfoot>
          </tfoot>
          <tbody>
          <tr>
          <td>&nbsp;</td>
          </tr>
            <tr>
              <td width="40%" id="textarea">Date start <input name="date start" type="text" size="25" maxlength="10" />&nbsp;&nbsp;<img src="images/calendar.gif" /></td>
              <td width="40%" id="textarea">Date end <input name="date end" type="text" size="25" maxlength="10" />&nbsp;&nbsp;<img src="images/calendar.gif" /></td>
              <td width="20%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('search','','images/button/search-after.png',1)"><img src="images/button/search-but.png" name="search" width="162" height="48" border="0" id="search" /></a></td>
            </tr>
            <tr>
            	<td colspan="3">
                	<table>
                    	<tr>
                        	<td width="25%" bgcolor="#CCCCCC">payment Date</td>
                            <td width="20%" bgcolor="#CCCCCC">Amount</td>
                            <td width="55%" bgcolor="#CCCCCC">Descriptions</td>
                        </tr>
                        <tr>
                        	<td bgcolor="#84B7F8">12/12/2011</td>
                            <td bgcolor="#84B7F8">10</td>
                            <td bgcolor="#84B7F8">Des one</td>
                        </tr>
                        <tr>
                        	<td>12/12/2011</td>
                            <td>30</td>
                            <td>Des two</td>
                        </tr>
                        <tr>
                        	<td bgcolor="#84B7F8">12/12/2011</td>
                            <td bgcolor="#84B7F8">40</td>
                            <td bgcolor="#84B7F8">Des three</td>
                        </tr>
                        <tr>
                        	<td>12/12/2011</td>
                            <td>340</td>
                            <td>Des three</td>
                        </tr>
                        <tr>
                        	<td bgcolor="#84B7F8">12/12/2011</td>
                            <td bgcolor="#84B7F8">50</td>
                            <td bgcolor="#84B7F8">Des three</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
              <td colspan="3"><img src="images/text.png" style="margin-left: 170px"/>
                <ul class="navigation">
                  <li><a href="#"> << </a></li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#"> >> </a></li>
                </ul></td>
            </tr>
            <tr>
              <td colspan="3"><div style="padding-left:150px; padding-right:150px; padding-top: 30px; text-align: justify;">&nbsp;&nbsp;&nbsp;&nbsp;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, luctus vitae, nisi. Aenean malesuada leo a nunc. Etiam fermentum neque in justo. Aliquam erat volutpat. Aenean tellus eros, consectetuer ut, hendrerit ut, rutrum at, nunc. Integer dolor odio, posuere nec, molestie at, tincidunt at, lacus. Maecenas at nibh.<br />
              &nbsp;&nbsp;&nbsp;&nbsp;Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. Phasellus dictum rutrum lectus. Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel ante feugiat placerat. Vestibulum justo lacus.</div></td>
            </tr>
            <tr class="tfoot">
            	<td colspan="4" id="textarea">&nbsp;</td>
            </tr>
          </tbody>
        </table>
      </form>
      <div class="fimg"><img src="images/child.png" /></div>
    </div>
    <!-- TemplateEndEditable --></div>
</div>
<div id="footer">
  <div id="footer-wrapper">
    <div class="copyright">
      <div class="facebook-like-btn align-left"> Lorem ipsum dolor sit amet </div>
      <div class="copy-text align-right">
        <p>Please help us improve HappyShoolMeals.com. Please <a href="#" >take the user survey and give us feedback</a> </p>
      </div>
    </div>
    <div class="footer-link">
      <div class="primary-link">
        <ul>
          <li><a href="">About us</a></li>
          <li><a href="">HappyschoolBlog</a></li>
          <li><a href="">FAQs</a></li>
          <li><a href="">Terms</a></li>
          <li><a href="">Contact HappySchoolMeal</a></li>
          <li><a href="">Privacy Policy</a></li>
          <li><a href="">Disclosures</a></li>
        </ul>
      </div>
      <div class="secondary-link">
        <ul>
          <li> <a href="" class="link-1">Link Here </a> </li>
          <li> <a href="" class="link-2">Link Here</a> </li>
          <li> <a href="" class="link-3">Link Here</a> </li>
          <li> <a href="" class="link-4">Link Here</a> </li>
          <li> <a href="" class="link-5">Link Here</a> </li>
          <li> <a href="" class="link-6">Link Here</a> </li>
          <li> <a href="" class="link-7">Link Here</a> </li>
          <li> <a href="" class="link-8">Link Here</a> </li>
          <li> <a href="" class="link-9">Link Here</a> </li>
          <li> <a href="" class="link-10">Link Here</a> </li>
          <li> <a href="" class="link-11">Link Here</a> </li>
          <li> <a href="" class="link-12">Link Here</a> </li>
          <li> <a href="" class="link-13">Link Here</a> </li>
          <li> <a href="" class="link-14">Link Here</a> </li>
          <li> <a href="" class="link-15">Link Here</a> </li>
          <li> <a href="" class="link-16">Link Here</a> </li>
          <li> <a href="" class="link-17">Link Here</a> </li>
          <li> <a href="" class="link-18">Link Here</a> </li>
          <li> <a href="" class="link-19">Link Here</a> </li>
          <li> <a href="" class="link-20">Link Here</a> </li>
        </ul>
      </div>
    </div>
  </div>
</div>
</body>
</html>